@import (once) '../../../../globalThemesConfig/constant.less';

.base-component-super-drawer-title {
  // 文字居中 第一种方式
  vertical-align: middle;
  display: inline;
  // 文字居中 第二种方式
  //vertical-align: middle;
  //display: table-cell;
}

.@{defaultPrefixCls}-drawer-footer {
  padding: 15px 16px;

  .base-component-super-drawer-footer-button {
    button {
      width: 6vw;
    }
  }
}

.@{defaultPrefixCls}-drawer-content {
  overflow: visible;

  .@{defaultPrefixCls}-drawer-header-title {
    .@{defaultPrefixCls}-drawer-close {
      position: absolute;
      left: -40px;
      top: 0;
      padding: 20px 12px;
      background: url('~@P/images/trapezoid.svg') 50% 115% no-repeat;
      background-size: 150%;
      transform: rotate(-90deg) scale(1.5);

      span {
        transition: 0.5s;
        transform: rotate(90deg) scale(0.8);
      }
    }
    .@{defaultPrefixCls}-drawer-close:hover {
      span {
        transform: rotate(270deg) scale(0.8);
      }
    }
    button:hover {
      color: @themeColor6;
    }
  }
}
